<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 标签选择器 */
			p{color: red;}
			
			/* id选择器 */
			p#p1{ color: aquamarine;  font-size: 55px; border: 1px saddlebrown solid; height: 300px;}
			
			/* css选择器 */
			p.class1{ color: antiquewhite;}
			/* css选择器 */
			p.class2{ color: #FF0000;}
			/* 
			input[@value="3"] { size: 5;} */
			
			.div_c1 {
				border: 3px #008000 solid;
			}
			.div_c1 > p {
				color: green;
			}
			.div_c3 > p {
				color: gray;
			}
			
			.div_c1 > div > p {
				color: yellow;
			}
			
			.div_p1 { color: darkred;}
			.div_p1+p{color: pink;}
			
			.pp1, .pp2, .pp3 {font-size: 19px; color: #8B4513;}
			
			a:link {color: indianred;}
			a:visited { color: #008000; }
			a:hover { color: #008000; font-size: 18px;}
			a:active {
				color: #808080;
			}
			
			.div_c1::before{
				content: "啥么！！！！";
				color: #008000;
				font-size: 19px;
			}
			#p88::before{
				content: "vip:";
				color: #8B0000;
				font-size: 30px;
			}
			#p88::after{
				content: "飞起了！";
				color: #8B4513;
			}
			
			#p88::first-letter{
				color: #FAEBD7;
				
			}
			#p99::first-line{
				color: #008000;
			}
		</style>
	</head>
	<body>
		<p id="p88">小可爱</p>
		<p id="p99">
			你现在好吗？
		    <br />
			今天快乐吗?
			<br />
			我从远方送你的花？
			
		</p>
		<a href="//www.baidu.com" target="_blank">飞起</a>
		
		<div>
			
			<p class="div_p1">我是第一个</p>
			<p>我是第二个</p>
			<p class="pp1">我是第二个</p>
			<p class="pp2">我是第二个</p>
			<p class="pp3">我是第二个</p>
			<p>我是第二个</p>
			<p>我是第二个</p>
			
		</div>
		
		<div class="div_c1">
			<span>我是谁？我在那儿？</span>
			<div>
				<p>我在里面</p>
				<div class="div_c3">
					<p>哈哈哈哈哈</p>
				</div>
			</div>
			<p>是的</p>
			<p>第二个外层</p>
			<a href="http://www.baidu.com" target="_blank">百度</a>
			<input type="button" value="点我" />
			<button type="button">再点我</button>
		</div>
		<p id="p1">什么什么什么</p>
		<p id="p2">就不就不撒地方</p>
		
		<p class="class1">样式选择1</p>
		<p class="class2">样式选择2</p>
		
		<p style="color:red; border: 0; font-size: 55px;"> 罗拉是的发送到发送到发斯蒂芬 </p>
		<br />
		<input type="text" value="什么什么什" disabled="disabled" size="5"  />
		<input type="text" value="4" />
		
		<select>
			<option selected="selected"></option>
		</select>
		
	    
	</body>
</html>
